<!DOCTYPE HTML>
<html>
	<head>
		<title>Портфолио</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
	</head>
	<body class="is-preload">

		<!-- Header -->
			<div id="header">

				<div class="top">

					<!-- Logo -->
						<div id="logo">
							<h1 id="title">Алексей Карстен</h1>
							<p>Студент</p>
						</div>

					<!-- Nav -->
						<nav id="nav">
							<ul>
								<li><a href="#top" id="top-link"><span class="icon solid fa-home">Приветствие</span></a></li>
								<li><a href="#portfolio" id="portfolio-link"><span class="icon solid fa-th">Портфолио</span></a></li>
								<li><a href="#about" id="about-link"><span class="icon solid fa-user">Обо мне</span></a></li>
							</ul>
						</nav>

				</div>

				<div class="bottom">

					<!-- Social Icons -->
						<ul class="icons">
							<li><a href="https://github.com/mementomorri" class="icon brands fa-github"><span class="label">Github</span></a></li>
							<li><a href="https://t.me/AlexeyKarsten" class="icon brands fa-telegram"><span class="label">Dribbble</span></a></li>
							<li><a href="mailto:mementomorimore@gmail.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
						</ul>

				</div>

			</div>

		<!-- Main -->
			<div id="main">

				<!-- Intro -->
					<section id="top" class="one dark cover">
						<div class="container">

							<header>
								<h2 class="alt">Привет! Я <strong>Алексей</strong>, программист энтузиаст,<br />
								этот сайт является моим маленьким портфолио.</h2>
								<p>Основное предназначение этого портфолио:<br />
								продемонстрировать мои навыки и знания в виде наглядных проектов.
								<br />
								<br />
								<br />
								<br />
								</p>
							</header>
						</div>
					</section>

				<!-- Portfolio -->
					<section id="portfolio" class="two">
						<div class="container">

							<header>
								<h2>Портфолио</h2>
							</header>

							<p>Исходный код и подробное описание проектов представленных далее доступно по кликабельной ссылке.</p>

							<div class="row">
								<div class="col-4 col-12-mobile">
									<article class="item">
										<a href="https://github.com/mementomorri/Familiarity_with_Ignition" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
										<header>
											<h3>Автоматизация работы ПЛК с помощью Ignition</h3>
										</header>

									</article>
									<article class="item">
										<a href="https://omelet-app.herokuapp.com/" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
										<header>
											<h3>Omelet</h3>
											<a href="https://github.com/mementomorri/Omelet">Исходный код</a>
										</header>
									</article>
								</div>
								<div class="col-4 col-12-mobile">
									<article class="item">
										<a href="https://kotin-springboot-message-board.herokuapp.com" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
										<header>
											<h3>Интерактивный месседж-борд</h3>
											<a href="https://github.com/mementomorri/kotlin-spring-boot-message-board">Исходный код</a>
										</header>
									</article>
								<!--    <article class="item">
										<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
										<header>
											<h3>Natoque Vitae</h3>
										</header>
									</article>-->
								</div>
							    <!--<div class="col-4 col-12-mobile">
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
										<header>
											<h3>Dolor Penatibus</h3>
										</header>
									</article>
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a>
										<header>
											<h3>Orci Convallis</h3>
										</header>
									</article>
								</div> -->
							</div>

						</div>
					</section>

				<!-- About Me -->
					<section id="about" class="three">
						<div class="container">

							<header>
								<h2>Обо мне</h2>
							</header>

							<a href="#" class="image featured"><img src="images/about.jpg" alt="" /></a>

							<p>Студент ОмГУПСа, обучающийся на кафедре
								Автоматики и систем управления по направлению подготовки Информационные
								системы и технологии. Интересуюсь технологиями и техникой,
							отношусь к своему делу с большим энтузиазмом.</p>

						</div>
					</section>

		<!-- Footer -->
			<div id="footer">

				<!-- Copyright -->
				<p>Связаться со мной:</p>
				<ul class="icons">
					<li><a href="https://github.com/mementomorri" class="icon brands fa-github"><span class="label">Github</span></a></li>
					<li><a href="https://t.me/AlexeyKarsten" class="icon brands fa-telegram"><span class="label">Telegram</span></a></li>
					<li><a href="mailto:mementomorimore@gmail.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
				</ul>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>
